import styles from "../css/mybutton.module.css";
import Card from "./card";
import ConfirmDialog from "../components/confirmDialog";
// 定义 props 类型
interface MyComponentProps {
  title: string; // 必传字符串
  count?: string; // 可选数字
  onClick?: () => void; // 函数类型
}

export default function Mybutton(props: MyComponentProps) {
  console.log(styles);
  console.log(props);

  return (
    <div className={styles.item}>
      {/* 日期 */}
      <div className={styles.mydata}>
        <div className={styles.month}>{props.title}</div>
        <div className={styles.day}>{props.count}日</div>
      </div>
      {/* 内容 */}

      <Card className={styles.content}>
        <div>学习react</div>
        <div>20分钟</div>
        <div className={styles.delete} onClick={props.onClick}>
          x
        </div>
      </Card>
    </div>
  );
}
